import {
	MAIN_COLOR,
	DEFAULT_COLOR
} from '@/constant'

import {
	setItem,
	getItem
} from '@/utils/storage'

import variables from '@/styles/variables.module.scss'

export default {
	namespaced: true,

	state: () => ({
		mainColor: getItem(MAIN_COLOR) || DEFAULT_COLOR,
		variables: variables
	}),

	mutations: {
		setMainColor(state, newColor) {
			state.mainColor = newColor
			state.variables.menuBg = newColor
			setItem(MAIN_COLOR, newColor)
		}
	},

	actions: {}
}
